.ItemTitle {
	position: relative;
	user-select: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;

	& > .Title {
		width: 100%;
		height: var(--ItemTItleTitleHeight);

		& > div:first-child {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: var(--ItemTItleTitleHeight);
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: -1;

			& > img {
				height: 100%;
				display: block;

				&:nth-child(1) {
					width: var(--ItemTitleTitleImgOne);
				}

				&:nth-child(2) {
					flex: 1;
				}

				&:nth-child(3) {
					width: var(--ItemTitleTitleImgThr);
				}
			}
		}

		& > div:last-child {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: var(--ItemTItleTitleHeight);
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: var(--ItemTitleTitleFontSize);
			font-family: var(--ItemTitleTitleFontFamily);
			font-weight: var(--ItemTitleTitleFontWeight);
			color: var(--ItemTitleTitleColor);
			text-indent: var(--ItemTitleTitleIndex);
		}
	}

	& > .children {
		height: calc(100% - var(--ItemTItleTitleHeight));
		position: relative;
		background: var(--ItemTitleChildren);

		// .MonitorFrontBox {
		// 	& > .options {
		// 		top: var(--ItemTitleMonitorFrontBox);
		// 	}
		// }

		.LivePageBox {
			& > .Options {
				display: none;
			}
		}
	}

	&.red {
		& > .children {
			background: var(--ItemTitleChildrenRed);
		}
	}

	.ant-select-single .ant-select-selector {
		color: white;
	}

	.ant-pro-table .ant-pro-table-search {
		margin: 0;
		background: transparent;
	}

	.ant-pro-table-list-toolbar-container {
		padding: 0 0 8px 0;
	}

	.ant-pro-card {
		background: transparent !important;
	}

	.ant-table {
		background: transparent;
	}

	.ant-table-thead > tr > th {
		border: none;
		background: var(--ItemTitleTwoModalTableThBack);
		font-size: 16px;
		height: 46px;
		font-family: PingFang SC;
		font-weight: 400;
		color: var(--ItemTitleTwoModalTableThColor);
		text-align: center;
	}

	.ant-table-thead
		> tr
		> th:not(:last-child):not(.ant-table-selection-column):not(
			.ant-table-row-expand-icon-cell
		):not([colspan])::before {
		content: none;
	}

	.ant-table-cell {
		margin: 0 15px;
	}

	.ant-table-tbody > tr.ant-table-placeholder:hover > td {
		background: transparent;
	}

	.ant-input-affix-wrapper > input.ant-input,
	.ant-select,
	.ant-picker-input > input,
	.ant-input-affix-wrapper > input::placeholder,
	.ant-picker-input > input::placeholder,
	.ant-select .ant-select-selection-placeholder {
		background: transparent;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 600;
		color: var(--ItemTitleTwoModalTableInputColor);
	}

	.ant-empty-normal {
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 400;
		color: var(--ItemTitleTwoModalTableInputColor);
	}

	// 搜索操作按钮
	.ant-row-start {
		& > div:last-child {
			label {
				display: none;
			}

			.ant-form-item-control-input-content {
				& > .ant-space-align-center {
					& > .ant-space-item {
						&:first-child {
							& > .ant-space-align-center {
								& > .ant-space-item {
									&:first-child {
										& > .ant-btn {
											width: 82px;
											background: var(--ItemTitleTwoModalTableResettingBack);
											border: 2px solid
												var(--ItemTitleTwoModalTableResettingBorder);
											border-radius: 6px;
											font-size: 14px;
											font-family: Microsoft YaHei;
											font-weight: bold;
											color: var(--ItemTitleTwoModalTableResettingColor);
										}
									}

									&:last-child {
										& > .ant-btn {
											width: 100px;
											background: var(--ItemTitleTwoModalTableSubmitBack);
											border: 2px solid
												var(--ItemTitleTwoModalTableSubmitBorder);
											border-radius: 6px;
											font-size: 14px;
											font-family: Microsoft YaHei;
											font-weight: bold;
											color: var(--ItemTitleTwoModalTableSubmitColor);
										}
									}
								}
							}
						}

						&:last-child {
							& > a {
								font-size: 14px;
								font-family: Microsoft YaHei;
								font-weight: bold;
								color: var(--ItemTitleTwoModalTableOptionsColor);
							}
						}
					}
				}
			}
		}
	}

	// td
	.ant-table-cell {
		background: var(--ItemTitleTwoModalTableTdBack);
		border-bottom: 1px solid var(--ItemTitleTwoModalTableTdBorder) !important;
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: var(--ItemTitleTwoModalTableTdColor);

		& > .ant-typography,
		.ant-badge-status-text {
			color: var(--ItemTitleTwoModalTableTdColor);
		}

		.ant-btn {
			font-size: 14px;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: var(--ItemTitleTwoModalTableTdButton);
		}
	}

	.ant-table-cell.ant-table-cell-fix-right.ant-table-cell-fix-right-first {
		background: var(--ItemTitleTwoModalTableFixBack) !important;
	}

	// td:hover
	.ant-table-cell-row-hover {
		background: var(--ItemTitleTwoModalTableTdHoverBack) !important;
	}

	.ant-form-item-label > label {
		width: 100px;
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 400;
		color: var(--ItemTitleTwoModalTableFormLabelColor);
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.ant-pro-table-list-toolbar-setting-item,
	.ant-select-arrow,
	.ant-picker-suffix {
		color: var(--ItemTitleTwoModalTableOptions);
	}

	.ant-input-affix-wrapper,
	.ant-select:not(.ant-select-customize-input) .ant-select-selector,
	.ant-picker {
		background: var(--ItemTitleTwoModalTableInputBack);
		border: none;
		outline: none;
		box-shadow: none;
	}

	// 分页

	.ant-pagination {
		display: flex;
		align-items: center;

		.ant-pagination-item {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		& > li:first-child {
			flex: 1;
			font-size: 14px;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: var(--ItemTitleTwoModalTablePaginationLabel);
		}

		& > .ant-pagination-item {
			background: var(--ItemTitleTwoModalTablePaginationBack);
			border-color: var(--ItemTitleTwoModalTablePaginationBorder);
			margin-right: 8px;

			& > a {
				color: var(--ItemTitleTwoModalTablePaginationColor);
			}
		}

		& > .ant-pagination-item-active {
			background: var(--ItemTitleTwoModalTablePaginationActiveBack);
			border-color: var(--ItemTitleTwoModalTablePaginationActiveBorder);

			& > a {
				color: var(--ItemTitleTwoModalTablePaginationActiveColor);
			}
		}

		.ant-pagination-prev,
		.ant-pagination-next,
		.ant-pagination-jump-prev,
		.ant-pagination-jump-next {
			& > button {
				background: transparent;
				border: none;
			}
		}

		.ant-pagination-disabled .ant-pagination-item-link,
		.ant-pagination-disabled:hover .ant-pagination-item-link {
			color: var(--ItemTitleTwoModalTablePaginationDisabled);
		}

		.ant-pagination-prev button,
		.ant-pagination-next button {
			color: var(--ItemTitleTwoModalTablePaginationButton);
		}

		.ant-pagination-jump-prev
			.ant-pagination-item-container
			.ant-pagination-item-ellipsis,
		.ant-pagination-jump-next
			.ant-pagination-item-container
			.ant-pagination-item-ellipsis {
			color: var(--ItemTitleTwoModalTablePaginationJumpEllipsis);
		}

		.ant-pagination-jump-prev
			.ant-pagination-item-container
			.ant-pagination-item-link-icon,
		.ant-pagination-jump-next
			.ant-pagination-item-container
			.ant-pagination-item-link-icon {
			color: var(--ItemTitleTwoModalTablePaginationJumpIcon);
		}
	}

	.ant-drawer-header,
	.ant-modal-header {
		background: var(--ItemTitleTwoModalTableFixBack);
	}

	.ant-drawer-body,
	.ant-modal-body,
	.ant-pro-card {
		background: var(--ItemTitleTwoModalTableFixBack);
	}

	.ant-descriptions-bordered .ant-descriptions-row,
	.ant-descriptions-bordered .ant-descriptions-view,
	.ant-descriptions-bordered .ant-descriptions-item-label,
	.ant-descriptions-bordered .ant-descriptions-item-content {
		border-color: var(--antdDescriptionsBorder);
	}

	.ant-descriptions-bordered .ant-descriptions-item-label {
		background: transparent;
	}

	.ant-descriptions-item-label {
		color: var(--TestRoomTextColor) !important;
		background: var(--antdDescriptionsLabelBack);
	}

	.ant-descriptions-item-content,
	.ant-tabs {
		color: var(--antdDescriptionsContent);
	}

	.ant-table-cell {
		margin: 0 15px;
	}

	.ant-table-tbody > tr.ant-table-placeholder:hover > td {
		background: transparent;
	}
}

.TitleSmall001 {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: var(--TitleSmallColor);
	margin: 8px 0;
	text-indent: 16px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	&::after {
		position: absolute;
		content: "";
		left: 0;
		top: 2px;
		width: 0;
		height: 0;
		border-width: 6px 0 6px 8px;
		border-style: solid;
		border-color: transparent transparent transparent var(--TitleSmallAfter);
	}

	& > div:last-child {
		margin-left: 16px;
		flex: 1;
		height: 1px;
		background: var(--TitleSmallLast);
	}
}

.TitleSmall002 {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: var(--TitleSmallColor);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	&::after {
		position: absolute;
		content: "";
		left: 4px;
		top: 0;
		width: 8px;
		height: 16px;
		background: var(--TitleSmallLast);
		transform: skewX(-16deg);
	}

	& > div:first-child {
		text-indent: 24px;
	}

	& > div:last-child {
		margin-left: 16px;
		flex: 1;
		height: 2px;
		background: var(--TitleSmallLast);
	}
}
